اضافة الاشتراك عبر المواقع الاجتماعية

اضافة الاشتراك عبر المواقع الاجتماعية

السلام عليكم ورحمة الله وبركاته

اهلا بكم زوار مدونة اضافات بلوجر الاعزاء لدينا اليوم اضافة جديده وهى الاشتراك عبر المواقع الاجتماعة وهي رائعة بمعنى الكلمة فهي مفيده لجلب زوار لمدونتك واكيد سوف تفيدك
طريقة التركيب
1- قم بالدخول الى لوحة تحكم مدونتك
2- قم بالدخول الى التخطيط
3- قم باضافة اداة جديده HTML/JAVASCRIPT
4- وضع الكود ادناه بها

<div dir="rtl" style="text-align: right;" trbidi="on"><a href="http://am1i.blogspot.com/add-b" rel="nofollow" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfmsOneQAaeDfD3qPicXS5s1E8hNNaAhrDWGSCpSXOME-PfyGwjHcg6h9gGAt-eKTCEFq3AOm2EWF4xVNQBp-b2ydbhLljys1TYHjaWo9Cg2sM2151tp7RHO9NA39ZG4-WTlPUzSi5K38/s1600/twitter.png" /></a><span style="text-align: center;">&nbsp;</span><a href="http://www.fb.com/additions.blogger" style="text-align: center;" rel="nofollow" target="_blank"><img alt="Facebook" original-title="تابعنى على الفيس بوك" src="http://www.shy22.com/upfilpng/xbc54601.png" style="margin: 0px 2px 0px 0px; padding: 0px;" /></a><a href="http://www.youtube.com/add-b" style="text-align: center;" rel="nofollow" target="_blank"><img alt="Youtube" original-title="تابعنى على يوتيوب" src="http://www.shy22.com/upfilpng/spi54630.png" style="margin: 0px 2px 0px 0px; padding: 0px;" /></a><span style="text-align: center;">&nbsp;</span><a href="http://add-b.blogspot.com/feeds/posts/default" rel="nofollow" target="_blank"><img alt="" original-title="الخلاصة rss" src="http://www.shy22.com/upfilpng/oee54655.png" style="margin: 0px 2px 0px 0px; padding: 0px; text-align: center;" /></a></div>

5- غير ما هو باللون الاحمر بما يناسبك اتمنى ان تكون الاضافة قدد اعجبتكم باذن الله

Read More

اضافة قائمة عمودية

اضافة قائمة عمودية للاقسام بتقنية CSS

السلام عليكم ورحمة الله وبركاته

اضافة قائمة للاقسام CSS

اضافة قائمة للاقسام CSS

اضافة قائمة للاقسام CSS

اضافة قائمة للاقسام CSS

اهلا بكم زوارنا الاعزاء مع اضافة جديده لبلوجر مقدمه من اضافات بلوجر الاضافة التى جئت لكم بها اليوم هي مميزة حقا ويبحث عنها الكثير من المدونين ولكن لا فائده لا يعرف كيف يوتي بها وقمنا بالاتيان بها لزوار مدونة اضافات بلوجر  مع سهولة التركيب وبدون التعديل فى الكود والازعاج كما تعودتم دائما
طريقة التركيب
1 - قم بالذهاب الى لوحة التحكم
2 - قم بالدخول الى التخطيط
3 - قم باضافة اداة HTML/JAVASRCIPT
4 - وقم باضافة هذا الكود بها

<style>#vbar ul{list-style-type:none;list-style: none;margin:0px;padding:0px 8px 6px 8px;border-top:1px solid #d6d6d6;}#vbar ul li{background:#f8f7f7;padding:10px 10px;margin-right: 6px;color:#666;box-shadow:inset 0 0 1px #fff;border-bottom:1px solid #d6d6d6;border-left:1px solid #d6d6d6;border-right:1px solid #d6d6d6;margin:0;-webkit-transition: All 0.5s ease;-moz-transition: All 0.5s ease;-o-transition: All 0.5s ease;-ms-transition: All 0.5s ease;transition: All 0.5s ease;}#vbar ul li:hover{background:#efefef;box-shadow:inset 0 0 2px #ddd;-webkit-transition: All 0.5s ease;-moz-transition: All 0.5s ease;-o-transition: All 0.5s ease;-ms-transition: All 0.5s ease;transition: All 0.5s ease;}#vbar a{text-decoration:none;color:#2D2D2D;}#vbar a:hover{text-decoration:none;color:#037DFF;}#vbar h2{margin:8px;color:#666;border:1px solid #d6d6d6;background: -moz-linear-gradient(top, #f8f8f8, #eaeaea);background: -webkit-gradient(linear top, #f8f8f8, #eaeaea);background: -ms-linear-gradient(top, #f8f8f8, #eaeaea);background: -o-linear-gradient(top, #f8f8f8, #eaeaea);padding:8px;font-family:'alweeam', 'Droid Arabic Kufi', Arial,Helvetica,Sans-serif;font-size:12px;line-height:24px;font-weight:bold;-webkit-transition: All 1s ease;-moz-transition: All 1s ease;-o-transition: All 1s ease;-ms-transition: All 1s ease;transition: All 1s ease;}#vbar ul li a {color:#000;font-size:12px;font-family: Tahoma, Arial;font-weight: normal;text-decoration: none;-webkit-transition: All 0.5s ease;-moz-transition: All 0.5s ease;-o-transition: All 0.5s ease;-ms-transition: All 0.5s ease;transition: All 0.5s ease;}#vbar .widget { border: 1px solid #ddd; background-color: #fff; margin-bottom: 10px; box-shadow:inset 0 0 4px #eee; }.menu a img {float:right;padding-left:10px;}</style> <div id="vbar"><ul><li class="menu"><a href="http://am1i.blogspot.com"><img src="http://im38.gulfup.com/jFpV7.png" />الرئيسية</a></li><li class="menu"><a href="https://www.facebook.com/chkoun3raf"><img src="http://im38.gulfup.com/U00k5.png" />من نحن</a></li><li forclass="menu"><a href="http://blogadditoins.com/2013/08/You-Might-Also-Like.html"><img src="http://im38.gulfup.com/SrrEm.png" />سجل الزوار</a></li><li class="menu"><a href="http://www.am1i.blogspot.com//search/label/%20قصص%20الحب?&max-results=11"><img src="http://im35.gulfup.com/V9qDM.png" />قصص الحب</a></li><li class="menu"><a href="https://www.facebook.com/chkoun3raf">

الذى ملون باللون الاحمر قم بتعديله بما يناسبك

ام المكتوب بالعربى فهو واضح بالنسبة لك الرئيسية وهكذا

دمتم بخير واتمنى ان تنال الاضافة رضائكم 

Read More

كيفية إضافة رسالة ترحيب عند زيارة المدونة

كيفية إضافة رسالة ترحيب عند زيارة المدونة

كيفية إضافة رسالة ترحيب عند زيارة المدونة

كيفية إضافة رسالة ترحيب عند زيارة المدونة

اهلا بكم زوارنا االاعزاء زوار مدونة اضافات بلوجر معنا اليوم شرح كان يعتقده الجميع انه من الصعب ايجاده ولكن معنا فانت سوف تعثر على كل ما تريده للبلوجر

هي اداة هامة ومفيده للبلوجر تمكنك من وضع رسالة ترحيبة عند فتح المدونة وهذا شى يفيدك بالتاكيد حيث بامكانك لفت نظر زوارك الى الانضمام الى مدونتك 

طريقة وضع الكود :

قم بالدخول الى التصميم ثم اضافة اداة HTML/JAVASCRIPT

<br /> <head><br /> <meta http-equiv="Content-Language" content="en-us"><br /> </head><br /> <script language=JavaScript> (window.alert("ضع الرساله المراد عرضها هنا"))  </SCRIPT><br /> <p>

Div By <a href="http://www.tools4blogger.com">Tools4b</a></p>

<br />

فى المربع الفارغ وقم بحفظه واستمتع بالاضافة الجديده الان 

Read More

اضافة شريط أخر الأخبار الجزيرة الى مدونات بلوجر

اضافة شريط أخر الأخبار الجزيرة الى مدونات بلوجر

اضافة شريط أخر الأخبار الى مدونتك هو حقيقة أمر يعطي طابع جمالي للمدونات ويجعلها أكثر حركية ويلفت انتباه الزوار بحيث يمكنك الأن اضافة شريط اخر الأخبار لقناة الجزيرة فقط اتبع الخطوات التالية

1. - أولا قم بتسجيل الدخول الى مدنة على موقع www.blogger.com
2. - اذهب الى التخطيط من لوحة التحكم بمدونتك .
3. - ثم اختر اضافة أداة .
4. - ثم قم باختيار  HTML/JavaScript

5- قم بنسخ الكود كاملا

--------------------------------------------------------------------

&lt;script language="JavaScript"&gt;&lt;!--

var g=new Date(); g=g.getTime()%1000;

document.writeln('&lt;iframe width=100% height=18 scrolling=no marginwidth=0 marginheight=0 frameborder=0 src=http://www.faisal1.com/News_Grab/jazeera.php&gt;');

// --&gt;&lt;/script&gt;

&lt;noscript&gt;&lt;!--webbot bot="HTMLMarkup" startspan --&gt;&lt;iframe scrolling="no" frameborder="0" width="0" marginheight="0"

height="0" marginwidth="0"&gt;&lt;!--webbot bot="HTMLMarkup" endspan --&gt;&lt;!--webbot bot="HTMLMarkup" startspan --&gt;&lt;/iframe&gt;&lt;!--webbot bot="HTMLMarkup" endspan --&gt;&lt;/noscript&gt;
----------------------------------------------------------------------------------------------------------

6- قم بلصق الكود في هذه الخانة ثم اضغط حفظ كما هو موضح في الصورة التالية :

7- ثم اضغط حفظ وقم بعرض المدونة .

8- نهاية العملية ورؤية شريط الأخبار 

Read More